<!doctype html>
<head>
	<title>{{ title }}</title>
	<script type="text/javascript" src="/mymedia/js/script.js"></script>
	<link rel ="stylesheet" type="text/css" media='all' href="/static/style.css" /> 
	<!--  <style>
		#main { margin: auto; width: 950px; border: 2px solid green; }
		h1 { color: red; background-color: #EFA; }
		footer {width: 100%; height: 80px; background-color: gray; }
	</style>
	<script type="text/javascript">
	var testLoadFunction = new function(e) {
		// 
	}
	</script> -->
</head>
<section id='main' onload='testLoadFunction()'>
	<header>
		<h1>SciNet global science community site</h1>
		<menu type="toolbar">
			<li><a href='first/'>First</a></li>
			<li><a href='second'>Second</a></li>
			<li><a href='third/'>Third</a></li>
			<li><a href='forth/'>Forth</a></li>
		</menu>
	</header>
	<section id='content'>{% block base_start %} {% endblock %}</section>
	<footer>
		This is the footer of the page
	</footer>
</section>